/* 
    Document   : estiloCalendario
    Created on : 16-06-2009, 05:23:00 PM
    Author     : Jorge
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* IMPORTANT:  The SCW calendar script requires all
                           the classes defined here.
            */

             table.scw      {padding:       1px;
                             vertical-align:middle;
                             border:        ridge 2px;
                             font-size:     10pt;
                             font-family:
                                    Verdana,Arial,Helvetica,Sans-Serif;
                             font-weight:   bold;}
             td.scwDrag,
             td.scwHead                 {padding:       0px 0px;
                                         text-align:    center;}
             td.scwDrag                 {font-size:     8pt;}
             select.scwHead             {margin:        3px 1px;
                                         text-align:    center;}
             input.scwHead              {height:        22px;
                                         width:         22px;
                                         vertical-align:middle;
                                         text-align:    center;
                                         margin:        2px 1px;
                                         font-weight:   bold;
                                         font-size:     10pt;
                                         font-family:   fixedSys;}
             td.scwWeekNumberHead,
             td.scwWeek                 {padding:       0px;
                                         text-align:    center;
                                         font-weight:   bold;}
             td.scwNow,
             td.scwNowHover,
             td.scwNow:hover,
             td.scwNowDisabled          {padding:       0px;
                                         text-align:    center;
                                         vertical-align:middle;
                                         font-weight:   normal;}
             table.scwCells             {text-align:    right;
                                         font-size:     8pt;
                                         width:         96%;}
             td.scwCells,
             td.scwCellsHover,
             td.scwCells:hover,
             td.scwCellsDisabled,
             td.scwCellsExMonth,
             td.scwCellsExMonthHover,
             td.scwCellsExMonth:hover,
             td.scwCellsExMonthDisabled,
             td.scwCellsWeekend,
             td.scwCellsWeekendHover,
             td.scwCellsWeekend:hover,
             td.scwCellsWeekendDisabled,
             td.scwInputDate,
             td.scwInputDateHover,
             td.scwInputDate:hover,
             td.scwInputDateDisabled,
             td.scwWeekNo,
             td.scwWeeks                {padding:           3px;
                                         width:             16px;
                                         height:            16px;
                                         border-width:      1px;
                                         border-style:      solid;
                                         font-weight:       bold;
                                         vertical-align:    middle;}
             /* Blend the colours into your page here...    */
             /* Calendar background */
             table.scw                  {background-color:  #6666CC;}
             /* Drag Handle */
             td.scwDrag                 {background-color:  #9999CC;
                                         color:             #CCCCFF;}
             /* Week number heading */
             td.scwWeekNumberHead       {color:             #6666CC;}
             /* Week day headings */
             td.scwWeek                 {color:             #CCCCCC;}
             /* Week numbers */
             td.scwWeekNo               {background-color:  #776677;
                                         color:             #CCCCCC;}
             /* Enabled Days */
             /* Week Day */
             td.scwCells                {background-color:  #CCCCCC;
                                         color:             #000000;}
             /* Day matching the input date */
             td.scwInputDate            {background-color:  #CC9999;
                                         color:             #FF0000;}
             /* Weekend Day */
             td.scwCellsWeekend         {background-color:  #CCCCCC;
                                         color:             #CC6666;}
             /* Day outside the current month */
             td.scwCellsExMonth         {background-color:  #CCCCCC;
                                         color:             #666666;}
             /* Today selector */
             td.scwNow                  {background-color:  #6666CC;
                                         color:             #FFFFFF;}
             /* Clear Button */
             td.scwClear                {padding:           0px;}
             input.scwClear             {padding:           0px;
                                         text-align:        center;
                                         font-size:         8pt;}
             /* MouseOver/Hover formatting
                    If you want to "turn off" any of the formatting
                    then just set to the same as the standard format
                    above.

                    Note: The reason that the following are
                    implemented using both a class and a :hover
                    pseudoclass is because Opera handles the rendering
                    involved in the class swap very poorly and IE6
                    (and below) only implements pseudoclasses on the
                    anchor tag.
             */
             /* Active cells */
             td.scwCells:hover,
             td.scwCellsHover           {background-color:  #FFFF00;
                                         cursor:            pointer;
                                         color:             #000000;}
             /* Day matching the input date */
             td.scwInputDate:hover,
             td.scwInputDateHover       {background-color:  #FFFF00;
                                         cursor:            pointer;
                                         color:             #000000;}
             /* Weekend cells */
             td.scwCellsWeekend:hover,
             td.scwCellsWeekendHover    {background-color:  #FFFF00;
                                         cursor:            pointer;
                                         color:             #000000;}
             /* Day outside the current month */
             td.scwCellsExMonth:hover,
             td.scwCellsExMonthHover    {background-color:  #FFFF00;
                                         cursor:            pointer;
                                         color:             #000000;}
             /* Today selector */
             td.scwNow:hover,
             td.scwNowHover             {color:             #FFFF00;
                                         cursor:            pointer;
                                         font-weight:       bold;}
             /* Disabled cells */
             /* Week Day */
             /* Day matching the input date */
             td.scwInputDateDisabled    {background-color:  #999999;
                                         color:             #000000;}
             td.scwCellsDisabled        {background-color:  #999999;
                                         color:             #000000;}
             /* Weekend Day */
             td.scwCellsWeekendDisabled {background-color:  #999999;
                                         color:             #CC6666;}
             /* Day outside the current month */
             td.scwCellsExMonthDisabled {background-color:  #999999;
                                         color:             #666666;}
             td.scwNowDisabled          {background-color:  #6666CC;
                                         color:             #FFFFFF;}

